<!doctype html>
<html>
<head>
    <meta name="layout" content="main"/>

    <script type="text/javascript">

        $.fn.sa1 = new function () {
            return $("img:not(src^='dog')").find()
        };

        jQuery(document).ready(function () {
            $.noConflict(false)

            $("a[href^='http']").attr("target", "_blank");

            $("#followMe").attr({
                style:"font-size:20px", title:"test"
            });

            $("form").submit(function () {
                $(":submit", this).attr("disabled", "disabled");
            });

            $("<div>abc</div>").insertAfter("#followMe")

            $("div")[0].addEventListener("mouseover", function (event) {
                alert("click 1" + this.id);
            });


            $(":button").bind({
                click:function (event) {
                    alert("click " + this.id);
                }
            })

        });


        function learnJquery() {

            $('p a')
        }
    </script>

</head>

<body>

<p id="followMe">Follow me</p>


<g:link controller="jquery" absolute="true">Jquery</g:link>
<div>
</br>
</div>

<div>
    <input type="button" title="Title" value="Button" id="button1">

    <input type="button" title="Title" value="Button2" id="button2">

</div>
</body>
</html>
